
$(document).ready(function () {
    // 打开页面后查询所有数据
    query()
    // 给查询按钮绑定事件
    $("#findBtn").click(doQuery)
    $("#addBtn").click(function () {
        //iframe层
        parent.layer.open({
            type: 2,
            title: '添加设备',
            shadeClose: true,
            shade: 0.8,
            area: ['580px', '400px'],
            content: '/mgr/device/add.html', //iframe   的url
            end:function() {
                location.reload();
            }
        });
    })
})
// 获取查询条件，调用query() 函数进行查询
function doQuery() {
    const head = $("#head").val()
    const dname = $("#dname").val()
    const setup_time = $("#setup_time").val()
    const lastrepeat_time = $("#lastrepeat_time").val()
    const fix_time = $("#fix_time").val()
    const istrouble = $("#istrouble").val()
    // const istrouble = $("input[name='istrouble']:checked").val()
    const create_time = $("#create_time").val()
    const modify_time = $("#modify_time").val()
    const isdel = $("#isdel").val()
    // 清空表格
    $("#tbdy").empty()
    // 进行查询
    query(head,dname,setup_time,lastrepeat_time,fix_time,istrouble,create_time,modify_time,isdel)
}
function query(head,dname,setup_time,lastrepeat_time,fix_time,istrouble,create_time,modify_time,isdel) {
    $.ajax({
        url:'/mgr/device/list',//请求的url。在html中的/，表示从域名后面开始
        type:'get', //请求方式，GET或POST
        data:{ //要提交给服务器的数据
            head,
            dname,
            setup_time,
            lastrepeat_time,
            fix_time,
            istrouble,
            create_time,
            modify_time,
            isdel
        },
        dataType:'json',//服务器返回数据的类型
        success:function(data){//成功时执行该函数，data就是服务器返回的数据
            if(data.code==0){

                for(let item of data.data) {
                    let istrouble = null;
                    if (item.istrouble == 0) {
                        istrouble = '否'
                    } else if (item.istrouble == 1) {
                        istrouble = '是'
                    }
                    let row = `
                                <tr>
                                    <td width="150"><img src="${item.head}" width="100"/></td>
                                    <td width="120">${item.dname}</td>
                                    <td width="120">${item.setup_time}</td>
                                    <td width="120">${item.lastrepeat_time}</td>
                                    <td width="120">${item.fix_time}</td>
                                    <td width="120">${istrouble}</td>
                                    <td width="200">
                                        <button type="button" class="btn btn-primary btn-xs   glyphicon glyphicon-edit" onclick="showById(${item.did})">修改</button>
                                        <button type="button" class="btn btn-xs btn-danger glyphicon glyphicon-trash" onclick="delById(${item.did})">删除</button>
                                    </td>
                                </tr>
                            `
                    $("#tbdy").append(row)
                }
            }else{
                $("#msg").html(data.msg)//向id是msg的标签，显示文字
            }
        },
        error:function(xhr,textStatus){//错误时执行该函数
            console.log('错误')
            console.log(xhr)
            console.log(textStatus)
        }
    })
}

function delById(did) {
    //询问框
    parent.layer.confirm('您确认删除该条记录吗？', {
        btn: ['确定','取消'], //按钮
        shade: false //不显示遮罩
    }, function(index){
        delByIdAjax(did)
        parent.layer.close(index)
    }, function(){
    });
}
function showById(did) {
    //iframe层
    parent.layer.open({
        type: 2,
        title: '修改设备信息',
        shadeClose: true,
        shade: 0.8,
        area: ['580px', '400px'],
        content: '/mgr/device/showById.html?did='+did, //iframe的url
        end:function() {
            // location.reload();
            doQuery()
        }
    });
}
function delByIdAjax(did){
    $.ajax({
        url:'/mgr/device/deleteById',
        type:'get',
        data:{
            did
        },
        dataType:'json',//服务器返回数据的类型
        success:function(data){//成功时执行该函数，data就是服务器返回的数据
            if(data.code==0){
                // location.reload()
                doQuery()
            }else{
                $("#msg").html(data.msg)//向id是msg的标签，显示文字
            }
        },
        error:function(xhr,textStatus){//错误时执行该函数
            console.log('错误')
            console.log(xhr)
            console.log(textStatus)
        }
    })
}